<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>用户关联产品信息展示</title>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<style>
        table.tftable,
        table.table-count {
            font-size: 12px;
            color: #333333;
            width: 100%;
            border-width: 1px;
            border-collapse: collapse;
        }
 
        table.table-count th,
        table.table-count td {
            font-weight: 400;
            font-style: normal;
            font-size: 12px;
            border-width: 1px;
            border-style: solid;
            border-color: #e4e4e4;
            text-align: center;
        }
 
        table.tftable th,
        table.tftable td {
            font-weight: 400;
            font-style: normal;
            font-size: 12px;
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #e4e4e4;
            text-align: left;
            text-align: center;
        }
 
        .tftable{
            margin-left: 1%;
            margin-bottom: 10px;
            margin-top: 10px;
        }
        table.tftable tr:hover {
            background:  #C3ECFF;
        }
        .tftable>thead>tr:hover{
            background: white;
        }
 
 
 
    </style>
</head>
<body>
<table class='tftable' style='width: 90%;'>
<tr><th>ID</th><th>用户名</th><th>邮箱</th><th>电话</th><th>产品名称</th><th>产品价格</th><th>产品库存</th></tr>
<tr th:each="user :${users}">
<td th:text="${user.getUserId()}"></td>
<td th:text="${user.getUsername()}"></td>
<td th:text="${user.getEmail()}"></td>
<td th:text="${user.getPhone()}"></td>
<td th:text="${user.getProductName()}"></td>
<td th:text="${user.getProdctPrice()}"></td>
<td th:text="${user.getProductStore()}"></td>
</tr>
</table>
</body>
</html>